<script setup>
  import { onMounted, reactive, ref, computed, watch, nextTick } from 'vue';
  import {useRouter} from "vue-router";

  defineOptions({name: 'HomeView'});
  onMounted(() => {});

  const router = useRouter()

  const goToMap = (name) => {
    router.push({ name: name });
  }

  // 子组件暴露
  defineExpose({});

</script>

<template>
  <div>
    <el-row class="mb-4">
      <el-button type="primary" @click="goToMap('echarts')">echarts</el-button>
      <el-button type="primary" @click="goToMap('TMap')">TMap</el-button>
      <el-button type="primary" @click="goToMap('TianDiTuMap')">TianDiTuMap</el-button>
    </el-row>
  </div>
</template>

<style lang="less" scoped>

</style>
